﻿@charset "UTF-8";
/* CSS Document */

html,body{
    background: #fdfdfd;
    background-color: #fdfdfd;
    font-family: "Lucida Grande", "Microsoft JhengHei","Helvetica", sans-serif !important;
}

.login-form *{
    /*font-family: "微軟正黑體" !important;*/
}

a:-webkit-any-link {
    color: #666;
    text-decoration: none;
    cursor: auto;
}

.howtouse .Title{
    background-color:#ccc;
    background:none;
    border-bottom:1px solid #d4d4d4;
    border-top:1px solid #d4d4d4;
}

.howtouse .Title .Left {
    background: none;
    background-position: 10px center;
    float: left;
    font-size: 15px;
    line-height: 30px;
    padding-left: 10px;
    color: #555555;
}

/* 搜尋結果頁 */
.btn-group > .btns:last-child,
.btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    margin-top: -3px;
}
.btn-group > .btns:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    margin-top: -3px;
}
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    background: #FDFDFD;
}

@media only screen and (min-width : 1023px){
    #productlist{
        padding-top: 25px;
    }
    #salePageList ul.salePageList li.blist {
        width: 33.3%;
    }
}
@media only screen and (max-width : 768px){
    #salePageList ul.salePageList li.blist {
        width: 50%;
    }
}

/*搜尋框*/
#Search {
    /*display:none;*/
    font-size: 13px;
    padding: 10px 5px 0 5px;
    /*margin-top: -35px; 會壓到header*/
    background: none;
    box-sizing: border-box;
}

.k-widget{
    height: 32px !important;
    padding: 0 !important;
    padding-top: 9px !important;
    visibility: hidden;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-right: -120px !important;
    padding-right: 120px !important;
}

input#SearchTextField{
    width: 100%;
    float: right !important;
    height: inherit !important;
    visibility: visible;
}

#formWrapperbottom .btn{
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    width: 120px;
    min-width: 120px;
}

#SearchTextField-list{
    margin-top: 0;
}

/*搜尋框end*/

#salePageList ul.salePageList li span.price {
    color: #ff0000;
    font-size: .8em;
}

#productlist {
    margin: 5px;
    background-color:#FDFDFD;
}

#productlist .btn-group{
    display:block;
}

.wrapper-dropdown-5 {
    /* Size & position */
    width: 90%;
    position: relative;
    margin: -2px auto 0 auto;
    padding: 8.5px 0px 8.5px 10px;
    border: 1px solid #bdbdbd;
    /* Styles */
    background: none;
    border-radius: 5px;
    box-shadow: 0 0px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 15px;
}

.wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #fdfdfd transparent;
}

.MsgDiv .Messagelist .content p{font-size:13px;padding:0 0;}
.mainshopping_cart{background-color: #ededed; }
p{font-size:13px;margin-left:10px;}
@media only screen and (min-width : 768px){
    .content{margin:30px 10px 30px 0;}
    .content h2{
        margin-left: 10px;
        border-left: 5px solid rgb(202, 60, 60);
        font-size: 18px;
        padding: 0 8px;
        margin-bottom: 5px;
    }

}

#main section {margin-top:20px;}
#pc-mycontent{font-size:.9em;}

#mainwrap{padding-bottom: 0px; margin-top:0px; height:476px; }
#mainwrap_forscroll{margin:0 auto;width:700px;padding-bottom: 0px; margin-top:20px;}


@media only screen and (max-width: 767px){
    .content h2{margin-left:10px;margin-top:10px;display:none;}
    p{font-size:13px;margin-left:10px;}

    #main section #gerneal-block,#mainwrap,#gerneal-block,#main .mainwrap section #gerneal-block .main_all,#main section #gerneal-block{
        margin-bottom: 0px;
        margin-top:0px;
        height:auto;
    }
    .howtouse{margin:0 auto;width:100%;vertical-align: middle;}
    .howtouse img{
        width:100%;
        vertical-align: middle;
    }
}



.backToPrev PCOnly:before{
    background-color: #fdfdfd;
}


/* 很糟糕影響全站 */
input[type=text],input[type=password],input[type=tel] {
    padding: 1em .8em;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    color: #666;
    width: 100%;
    font-size: 1em;
    margin: 6px 0;
}

input[type=password]{
    margin-top:-10px;
}

.NewCartPaymentDiv .ps_box input[type=password]{
    margin-top:-10px;
}


#main section #gerneal-block .mainright .main_all h2 {
    margin: 0px -10px;
    padding: 0px 10px;
    border-bottom: 0px solid #f0f0f0;
    border-top: 0px solid #E0E0E0;
    background-color: #fff;
}

.login_content{
    margin:0 auto;
    width:50%;
}



/* 修理無法顯示的按鈕*/
.ui-btn-up-r {
    cursor:pointer;
    border: 1px solid #e33d26;
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    min-width: 140px;
    padding: 13px 15px 13px;
    text-transform: uppercase;
    border-radius: 5px;
    background:#e33d26;
    margin-top:-10px;

}

.ui-btn-up-r:hover {
    font-size: 1em;
    font-weight: 700;
    background:#c5321d;
    border-radius: 5px;
    color:#FFF;
}


/* 修改密碼 */
.vpage {
    width: 100%;
    min-height: 100%;
}


.ui-content{
    font-size:1em;
    padding:0px;
}

.join_row .int {
    z-index: 10;
    padding: 10px 0 0 10px;
    width: 100%;
    height: 40px;
    border: none;
    background: transparent;
    font-size: 15px;
    -webkit-apperance: none;
    apperance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#changePwd .k-invalid-msg {
    display: block;
    color: #dd4b39;
    font-size: 13px;
    margin: 0px 0 10px;
    padding-bottom: 0px;
}

/* LOGIN 0107 */
@import url(2d258ca72fa44138bfaf9e086ff7431d.css);
* {
    margin: 0;
    padding: 0; }

a {
    color: #666;
    text-decoration: none; }
a:hover {
    color: #999; }

input {
    font: 16px/26px "Raleway", sans-serif; }


.form-wrap {
    background-color: #fff;
    width: 50%;
    height:400px;
    margin: 3em auto;
    box-shadow: 0px 1px 8px #BEBEBE;
    -webkit-box-shadow: 0px 1px 8px #BEBEBE;
    -moz-box-shadow: 0px 1px 8px #BEBEBE; }

.form-wrap .tabs {
    overflow: hidden; }

.form-wrap .tabs h3 {
    float: left;
    width: 50%; }

.form-wrap .tabs h3 a {
    padding: 0.5em 0;
    text-align: center;
    font-weight: 400;
    background-color: #e6e7e8;
    display: block;
    color: #666;
}

.form-wrap .tabs h3 a.active {
    background-color: #fff;
    border-top: 4px solid #b3a396;
    margin-top: 0px;}

.form-wrap .tabs-content {
    padding: 1.5em; }

.form-wrap .tabs-content div[id$="tab-content"] {
    display: none; }

.form-wrap .tabs-content .active {
    display: block !important; }

.form-wrap form .input{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    padding: .8em 0 10px .8em;
    border: 1px solid #CFCFCF;
    outline: 0;
    display: inline-block;
    margin: 0 0 .8em 0;
    padding-right: 2em;
    width: 100%; }

.form-wrap form .ui-btn ui-btn-corner-all ui-btn-up-r {
    width: 100%;
    padding: .8em 0 10px .8em;
    background-color: #28A55F;
    border: none;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase; }
.form-wrap form .ui-btn ui-btn-corner-all ui-btn-up-r:hover {
    background-color: #4FDA8C; }

.form-wrap form label[for] {
    position: relative;
    padding-left: 20px;
    cursor: pointer; }

.form-wrap form label[for]:before {
    content: '';
    position: absolute;
    border: 1px solid #CFCFCF;
    width: 17px;
    height: 17px;
    top: 0px;
    left: -14px; }


.form-wrap form label[for]:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background-color: transparent;
    top: 4px;
    left: -10px;
    border: 3px solid #28A55F;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.help-text {
    text-align: center;
    font-size: 15px;
    color:#333;
    padding:10px;}




/* 舊樣式 */
.vertical-list .button {
    outline: 0;
    display: block;
    color: #fff;
    border: 1px solid #3b5998;
    -webkit-border-radius: 3px;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    background-color: #3b5998; /* old browsers */
    background: #3b5998 !important;
    vertical-align:middle;
    font-family:Verdana;
    background: none;
}
.vertical-list {
    list-style: none;
    width: 100%;
    text-align: center;
    vertical-align:middle;
}

.vertical-list .button:hover {
    background: #566fa3;
    color: #fff;}

/* 登入按鈕 */
.ui-btn-up-r span {
    color: #fff;
    padding: 0px 25px;
    -webkit-text-shadow: none;
    text-shadow: none;
    margin-top: 5px;
}
.header {
    background-color: #fff;
    line-height: 20px;
    text-align: center;
    font-size:13px;
    margin-top: 10px;
}
.ui-btn-up-r.ui-btn-corner-all, .ui-btn-up-w.ui-btn-corner-all, .ui-btn-up-f.ui-btn-corner-all {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 0;
    margin-top: 10px;
}

.ui-btn-inner {
    font-size: 17px;
    min-width: .75em;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    zoom: 1;
}

.ui-btn-corner-all {
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

.ui-btn {
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    padding: 0;
    border-radius: 5px;
    margin: 0;
}



@media only screen and (max-width: 767px){
    .form-wrap {
        background-color: #fff;
        width: 90%;
        height:400px;
        margin: 3em auto;
        box-shadow: 0px 1px 8px #BEBEBE;
        -webkit-box-shadow: 0px 1px 8px #BEBEBE;
        -moz-box-shadow: 0px 1px 8px #BEBEBE; }
    #mainwrap_forscroll{margin:0 auto;width:100%;padding-bottom: 0px; margin-top:0px;}

}


/* 無法註冊跑圖 */
#qaContent ul.choicepart li .qa_title {
    background: url(../images/arrow_more.gif) no-repeat;
    color: #333;
    cursor: pointer;
    background-position: right;
}

/* 送出按鈕 */
.pure-button {
    font-family: inherit;
    display: inline-block;
    vertical-align: baseline;
    cursor: pointer;
    width: 99%;
    padding: 0.5em 0;
    border: 0 rgba(0,0,0,0);
    /*background-color: #E6E6E6;*/
    text-decoration: none;
    line-height: 24px;
    position: relative;
}

#shoppingCartList .null {
    padding: 30px 0 30px 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 13px;
    background-color: #fdfdfd;}


.button-grey {
    color: #666;
    text-shadow: 0 0.1em 0 rgba(255, 255, 255, 0.1);
    cursor: pointer;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    border: 1px solid;
    border-color: #DBDBDB #D6D6D6 #B9B9B9;
    background-image: -moz-linear-gradient(#eeeeee, #d4d4d4);
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
    background: #fff;
    font-size: 17px;
    text-align: center;
}
.button-grey:hover {
    background: #f8f8f8;
    color: #666;
    font-size: 17px;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0 0 0px rgba(0,0,0,.10) inset,0 0 6px rgba(0,0,0,.1) inset;
    border: 1px solid #c8c8c8;
}

/* 修理商品頁*/
@media screen and (min-width: 768px) {
    .item-dev {
        width: auto;
    }

    .item-li {
        width: 73vw;
    }
}

@media screen and (min-width: 1024px) {
    .pshare {
        width: 80%;
        margin: 15px auto;
        padding: 0;
    }
    #pprecommend .hotSale-li {
        width: 20%;
    }

    #ppinfo {
        margin: 0 50px;
    }

    #webviewinfo {
        margin:0 50px;
    }

    #pprecommend {
        padding: 0 50px;
        box-sizing: border-box;
    }
    .item-dev {
        overflow: hidden;
        width: 350px;
    }
    .item-li {
        width: 350px;
    }
    .btn-fav {
        width: 110px;
    }
}





/* 修理購物車 */
.button.button-red {
    background-color: #e33d26;
    color: #fff; }

.button.button-red:hover {
    background-color: #c5321d;
}

.shoppingCart-block .shoppingCart-item .shoppingCart-item-right .price {
    float: left;
    width: auto;
    padding-right: 2px;
    margin-top: -2px;
}

.shoppingCart-item-right .title{
    padding:0;
    margin:0;
}
.shoppingCart-block .shoppingCart-item .shoppingCart-item-right .tag li {
    float: left;
    color: #fff;
    font-size: 13px;
    background-color: #fdfdfd;
    border: 0px solid #ccc;
    /* margin: 3px 2px 0 2px; */
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 2px 5px;
}


.shoppingCart-block .shoppingCart-item .shoppingCart-item-function{
    text-align: center;
}

.shoppingCart-block .shoppingCart-item .shoppingCart-item-function .option{
    float: left;
}

.shoppingCart-block .shoppingCart-item .shoppingCart-item-function .button.button-large{
    float: right;
}


@media only screen and (min-width : 768px){

    .shoppingCart-block .shoppingCart-item .shoppingCart-item-left {
        float: left;
        width: 17%;
        max-width: 120px;
        padding: 15px 5px 10px 15px; }

    .shoppingCart-block .shoppingCart-item .shoppingCart-item-right {
        float: left;
        width: 74%;
        padding: 0% 10px 2% 5px;
    }
    .shoppingCart-block .shoppingCart-item .shoppingCart-item-function {
        clear: both;
        padding: 0px 0px 15px 10px;
        margin-left: 57%;
        width: 50%;
        float: right;
        padding-right: 1%;
        text-align: center;
    }

    .shoppingCart-block .shoppingCart-item .shoppingCart-item-function .button.button-large {
        width: 35%; }
    .shoppingCart-block .shoppingCart-item .shoppingCart-item-function .button {
        width: 25%; }
    .shoppingCart-block .shoppingCart-item .shoppingCart-item-function .option {
        width: 35%; }

    .shoppingCart-block .shoppingCart-item .shoppingCart-item-function .button.button-large {
        width: 56%; float: right;}
    .shoppingCart-block .shoppingCart-item .shoppingCart-item-function .button {
        width: 20%; }
    .shoppingCart-block .shoppingCart-item .shoppingCart-item-function .option {
        width: 20%;
        background: url("../images/select_arror.png") no-repeat;
        background-position: 100% 50%;
        float: left;
    }
    .shoppingCart-block .shoppingCart-item .shoppingCart-item-row .ecoupong-option {
        width: 50%; }
    .shoppingCart-block .shoppingCart-item .shoppingCart-item-row .enable-ecoupon-input {
        margin-top: 10px;
        width: 50%;
        height: 23px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: left;
    }
    .shoppingCart-block .shoppingCart-item .shoppingCart-item-row .ecoupon-input {
        width: 50%;
        margin-bottom: 8px;
    }
    .shoppingCart-block .shoppingCart-item .shoppingCart-item-row .ecoupon-cancel, .shoppingCart-block .shoppingCart-item .shoppingCart-item-row .ecoupon-submit {
        width: 24.8%; }
    .shoppingCart-block.shoppingCart-block-white {
        background-color: #fff;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }
    .shoppingCart-block .shoppingCart-item .shoppingCart-item-row.shoppingCart-item-row-grey {
        background-color: #fffeea; }
    .shoppingCart-block .shoppingCart-item .shoppingCart-item-row {
        border: 1px solid #d8d8d8;
        padding: 8px;
        margin-bottom: -1px;
        background-color: #ededed;
    }
    .shoppingCart-block .shoppingCart-item .shoppingCart-item-row .next-step {
        width: 50%;
        margin-left: 49%;
    }

    .shoppingCart-block .shoppingCart-item .shoppingCart-item-row .checkout-list .button {
        width: 100%;
        height: 60px;
    }

    .invoice-list-item .button.button-grey{
        background-color: #e8e8e8;
        text-align:center;
        color: #666;
    }
    .invoice-list-item .button.button-grey:hover{
        background-color: #d8d8d8;
    }
    .button.button-grey {
        border:none;
        text-align:left;
        background-color: #fff;
        color: #666; }
    .button.button-grey:hover {
        background: #fff;
        box-shadow:none;
    }
    #shoppingCartList .button.button-grey {
        background-color: #fffeea;
    }

    .button.button-grey span{
        text-decoration:underline;
    }
}

.shoppingCart-item-right .title{
    padding:0px 0px;
}
#shoppingCartList {
    background-color: #fdfdfd }

.shoppingCart-block .shoppingCart-item .shoppingCart-item-row .enable-ecoupon-input i {
    margin-left: 5px;
    vertical-align: top;
}

@media only screen and (max-width: 767px){
    .shoppingCart-block {
       /* overflow-x: hidden;*/
        background-color: #f4f4f4;
    }

    .shoppingCart-block .shoppingCart-item .shoppingCart-item-row .ecoupon-input {
        width: 96.5%;
        margin-bottom: 8px;
    }
}
/* 修理我的折價券 */

#CouponID{
    /*display:none; 我的折價券輸入券號的區域還是得留著*/
}

.btn-group{
    display:none;
}

.NoteList {font-size: 13px; padding: 10px 5px 0 10px; border-bottom:1px solid #d2d2d2;}

.submit,
.cancel {
    float: left;
    width: 100%;
    height: 40px;
    text-align: center;
    color: #fff;
    border: solid 1px #d9d9d9;
    border-radius: 5px;
    cursor: pointer;
    -webkit-appearance: none;
}

.cancel {
    background-color: #999;
}

.submit {
    background-color: #696;
}

.mainwrap .NewCartLastDiv img > .mainwrap img{
    width:auto!important;
    max-width:auto;

}

.CouponListBarFriend {
    background:#fff;
    height:75px;
    line-height:15px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    margin:10px 5px 8px 10px;
    padding:0px ;
    cursor:pointer;
}

input[type=text].field {
    float: left;
    text-indent: 10px;
    width:90%;
    padding:7px;
    font-family: arial, sans-serif;
    font-size: 1em;
    color: #333;
    background: #fff;
    border: solid 1px #d9d9d9;
    border-top: solid 1px #c0c0c0;
}
/* 常用統一編號查詢 */
.for_vrt_button{
    width: 48%; float: left; margin-right: 10px;
}

.for_vrt_button1{
    width: 48%; float: left;
}

@media only screen and (min-width : 768px){
    .for_vrt_button1 {
        float: right;

    }
}

/* 常用收件人查詢 */


.ui-btn-inner ui-btn-corner-all img> .mainwrap img{
    width:auto!important;
}


/* 修理訂單查詢 */
.cartlist img> .mainwrap img{
    width:1000px;

}

#cartlist {
    margin-top: -1px;
    background-color: #FFF;
}

.scription {
    font-size: 13px;
    margin: 0 20px 0 0;
    vertical-align: bottom;
}

.script {
    line-height: 22px;
    color: #888888;
    font-size: 15px;
    padding: 5px;
}


.activearea {
    margin-top: 30px;
}

/*皜�����*/
ul.cartlist {
    margin: 0;
    padding: 10px 10px 3px 10px;
    list-style: none;
}

ul.cartlist li a {
    display: block;
    outline: none;
    color: #333;
//height:80px;
}

.cartlist p {
    padding: 0;
    font-size: 13px;
    margin: 0;
    line-height: 20px;
}

.cartlist img.left {
    margin-right: 10px;
    float: left;
}

.c-form-txt-normal {
    height: 36px;
    width: 45px;
    border: solid 1px #DDD;
    border-top-color: #BBB;
    color: #333;
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    background: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f8f8f8));
}

.productinfo {
    color: #999;
    font-size: 13px;
    padding: 3px 0;
}

.ppinfo {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    margin: 2px 0px;
}

.ppinfo .iceblue {
    background-color: #0f9ee9;
    padding: 4px;
    float: left;
    border-radius: 5px;
    margin: 0 2px;
    line-height: 1;
}

.ppinfo .bluef {
    background-color: #1171a3;
    padding: 4px;
    float: left;
    border-radius: 5px;
    margin: 0 2px;
    line-height: 1;
}

.ppinfo .grefee {
    background-color: #009760;
    padding: 4px;
    float: left;
    border-radius: 5px;
    margin: 0 2px;
    line-height: 1;
}

.ppinfo .orange {
    background-color: #FF6600;
    padding: 4px;
    float: left;
    border-radius: 5px;
    margin: 0 2px;
    line-height: 1;
}

.ppinfo .tag {
    background-color: #1171a3;
    padding: 4px;
    float: left;
    border-radius: 5px;
    margin: 0 2px;
    line-height: 1;
}

.tag {
    border-radius: 12px;
    padding: 0;
    margin: 0 5px 0 0;
    font-size: 13px;
    text-align: center;
    line-height: 1;
}

.costline {
    font-size: 13px;
    vertical-align: text-bottom;
    margin-top: -5px;
}

.costline .dollar {
    font-size: 13px;
    line-height: 30px;
    color: #ff0000;
    font-family: Arial, Helvetica, sans-serif;
}

.dollar {
    font-size: 20px;
    text-shadow: 0px 1px 0px #fff;
}

.cost {
    line-height: 36px;
}
/*皜����� end*/
/*鞈潛頠���*/


/*閮�閰�*/
.Orderdetail {
    padding: 10px;
}

/*BTS16043*/
.Orderdetail>.block2.hide-at-official,
.Orderdetail>.block2.hide-at-official .btn-group {
    display: block !important;
}
/*BTS16043 end*/

.NewCartFrame {
    background:#FFF;
    margin:0 0 10px 0;
}
.Orderlist {
    padding: 10px 0px 0px 0px;
    font-size: 13px;
    color: #666;
}

.Orderlist a {
    color: #333;
    text-decoration: none;
}

.Orderlist a:hover {
    color: #666;
}

.Orderlist a:active {
    color: #666;
}

.OrderNumber {
    height: 36px;
    line-height: 36px;
    float: left;
    color: #666;
    padding: 0px 10px 0px 15px;
    font-size: 13px;
}

.OrderDate {
    height: 36px;
    line-height: 36px;
    float: right;
    text-align: right;
    color: #666;
    padding: 0px 10px 0px 0px;
    width: 80px;
    font-size: 13px;
}

.CartDiv3order {
    background-color: #f4f4f4;
    margin: 0 10px 0 0;
    background: url(../images/l1right_icon.png) no-repeat;
    background-position: 100% 50%;
    display: block;
}

.Orderlistdetail {
    background-color: #fff;
    margin: 0 0px 0 0;
    display: block;
}

.CartDiv3orderend {
    background: url(../images/paper_bg_end.png);
    height: 6px;
}

.ui-btn-inner13 {
    font-size: 13px;
    padding: .6em 20px;
    min-width: .75em;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    zoom: 1;
}

.block2 {
}

.logo_name {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    line-height: 26px;
}

.logo_script {
    color: #666;
    font-size: 13px;
    line-height: 26px;
}

.logo_img {
    background: #FFF;
    border-style: solid;
    border-width: 2px;
    border-color: #FFF;
    box-shadow: 0px 0px 5px 0px #999;
    -moz-box-shadow: 0px 0px 5px 0px #999;
    -webkit-box-shadow: 0px 0px 5px 0px #999;
}

.logo_img img {
    width: 100%;
}

.arrow_box1 {
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbbbbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    position: relative;
    padding: 5px 0;
    width: 95%;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    margin: 5px;
    display: inline-table;
}

.arrow_box1::after,
.arrow_box1::before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid transparent;
}

.arrow_box1.top1::after,
.arrow_box1.top1::before {
    bottom: 100%;
}

.arrow_box1.top1::after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    left: 50%;
    margin-left: 22%;
}

.arrow_box1.top1::before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #333;
    border-width: 8px;
    left: 50%;
    margin-left: 22%;
}

.qalink {
    font-size: 13px;
    color: #333;
    line-height: 34px;
    padding: 0 10px;
}

.qalink img {
    vertical-align: middle;
    margin-right: 5px;
}

.qalink a {
    display: block;
    color: #333;
}

.qalink a span {
    color: #3aa6e6;
}

.OrderDiv2 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*margin-bottom: 15px;*/
    padding-bottom: 5px;
    width:auto;
    background: #FFF;
    margin: 10px;
    border: none;
}

.OrderDivHeader {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-bottom-color: #d8d8d8;
    height: 40px;
    background: #e4e4e4;
}

.OrderDivHeaderTitle {
    float: left;
    padding: 10px;
    color: #333;
    font-size: 13px;
}


.OrderDivCategoryTitle1 {
    padding: 10px;
    font-size: 13px;
    color: #333;
}

.OrderDivRight {
    padding: 10px;
    float: right;
    font-size: 13px;
}


table.NotKeyPropertyList {
    border: 1px solid #c9c9c9;
    border-collapse: collapse;
    width: 100%;
    font-size: 13px;
}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

table.NotKeyPropertyList {
    border-collapse: collapse;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

table.NotKeyPropertyList {
    border-collapse: collapse;
}

table.NotKeyPropertyList td:first-child {
    white-space: nowrap;
    width: 100px;
}

table.NotKeyPropertyList td {
    border: 1px solid #c9c9c9;
    padding: 5px;
    vertical-align: top;
}

td, th {
    display: table-cell;
}

.block .blockContent {
    color: #333;
    font-weight: normal;
    line-height: 22px;
}

.block .blockContent a {
    color: #3aa6e6;
    font-weight: normal;
    line-height: 22px;
}

.block .blockContent a:active {
    color: #3aa6e6;
    font-weight: normal;
    line-height: 22px;
}



.NotKeyTitleBar {
    border-style: solid;
    border-bottom-color: #fff;
    height: 40px;
    background: #e4e4e4;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
    margin-top: 10px;
}

.NotKeyTitleBarheader {
    float: left;
    padding: 10px;
    color: #333;
    font-size: 13px;
    font-weight: bold;
}

/* 收藏商品 */



@media only screen and (min-width : 768px){
    #main section .main_all #favorite .productlist li {
        list-style: none;
        font-size: 14px;
        width: 100%;
        height: auto!important;
        float:none!important;
        padding:10px 0px 3px 0px;

    }

    .collect_dollar{float: right; margin-right: 25px;}
}

@media only screen and (max-width : 768px){
    #main section .main_all #favorite .productlist li {
        list-style: none;
        font-size: 14px;
        width: 100%;
        height: auto!important;
        float:none!important;
        padding:10px 0px 3px 0px;

    }
    .collect_dollar{float: right; margin-right: 15px;}
}


.costline .dollar {
    font-size: 20px;
    line-height: 30px;
    color: #ff0000;
    font-family: Arial, Helvetica, sans-serif;
}

.favoriteNull .NullTitle {
    height:auto;
    line-height: 25px;
    font-size:15px;
}


/* 修理訂單查詢入口頁 */

@media only screen and (min-width : 768px){
    #main section .main_all #qaContent .choicepart li {
        list-style: none;
        font-size: 14px;
        width: 100%;
        height: auto!important;
        float:none!important;

    }
}

.Orderdetail {
    padding: 10px;
}
.NewCartFrame {
    background:#FFF;
    margin:0 0 10px 0;
}
.NotKeyTitleBar {
    border-style: solid;
    border-bottom-color: #fff;
    height: 40px;
    background: #e4e4e4;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
    margin-top: 10px;
}

.NotKeyTitleBarheader {
    float: left;
    padding: 10px;
    color: #333;
    font-size: 13px;
    font-weight: bold;
}

/*.NotKeyTitleBarheaderRight {
    padding: 10px;
    float: right;
    text-align: left;
    width: 60px;
    font-size: 13px;
    margin-right: 10px;
    background: url(../images/l1right_icon.png) no-repeat;
    background-position: 100% 50%;
}*/

.NewCartFirstDiv {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-top-color: #dedede;
    background: #FFF;
}
.pure-g {
    overflow: hidden;
}

.pure-u-1-1,
.pure-u-1-2 {
    float: left;
}

.pure-u-1-1 {
    width: 65%;
}

.pure-u-1-2 {
    width: 35%;
}

.l-box {
    padding: 0.5em;
}

.l-box div.title {
    font-weight: bold;
    color: #333;
    font-size: 18px;
    padding: 5px;
    text-decoration: underline;
}
.l-box a {
    color: #333;
}
.l-box div.p {
    padding: 5px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

.ListArror {
    width: 100%;
    border-top: 1px solid #d8d8d8;
    height: auto;
}

.ListArror em, .ListArror span {
    display: block;
    width: 30px;
    height: 20px;
    font-size: 30px;
    overflow: hidden;
    _position: relative;
    margin-left: 10px;
}

.ListArror em {
    margin-top: -20px;
    color: #d8d8d8;
    font-style: normal;
}

.ListArror span {
    margin-top: -19px;
    color: #fdfdfd;
}
.pure-g-orderlist {
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    cursor: pointer;
    background: url(../images/l1right_icon.png) no-repeat;
    background-position: 100% 50%;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.pure-u-1-5r {
    color: #666;
    font-size: 14px;
    padding: 0 5px;
    line-height: 20px;
}
.pure-u-1-5r img {
    padding-right: 10px;
    float: left;
    vertical-align: middle;
}
.NewCartTitle {
    padding: 6px 0px 0px 10px;
    font-size: 14px;
    color: #666;
    border-top: 1px solid #dedede;
    margin: 8px 0 0 0;
}

#changePwd{
    width: 100%;
    padding: 0;
    margin: 0;
}

#changePwd .NewCartLastDiv {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0;
}

#changePwd .NewCartLastDiv .pure-g{
    display: block;
}

#changePwd .pure-g div,
#changePwd .pure-g a{
    box-sizing: border-box;
    width: 100%;
}


.NewCartLastDiv {
    border-style: solid;
    border-color: #f4f4f4;
    background: #fdfdfd;
    padding: 10px;
    border-bottom: 1px solid #f4f4f4;
    width: 100%;
    box-sizing: border-box;
}



/* 修理訂單查詢明細頁 */


@media only screen and (min-width : 768px){
    #main section .main_all .OrderDiv2 .cartlist li {
        list-style: none;
        font-size: 14px;
        width: 100%;
        height: auto!important;
        float:none!important;

    }
}


/* 修理我的折價券內頁 */
.ui-btn-up-w > span {
    color: #000;
    padding: 2px 5px;
    -webkit-text-shadow: none;
    text-shadow: none;
}

.ecouponframe {
    background: #f5f5f5;
    padding:15px 10px;
}


aside ul.flipsnap li img{
    margin-bottom:10px;
}

@media only screen and (min-width : 768px){
    #main section .couponannouce ol li{
        float:none!important;
        list-style:circle;
        font-size: 14px;
        width: 100%;
        height: auto!important;
    }
}

@media only screen and (min-width : 768px){
    #main section ul.promotionblock li{
        float:none!important;
        list-style:none;
        font-size: 14px;
        width: 100%;
        height: auto!important;
    }
}

#main section ol li .circle{
    float:none!important;
    list-style: circle;
    font-size: 14px;
    width: 100%;
    height: auto!important;
}




@media only screen and (max-width : 767px){
    #main .buyDiv table img {vertical-align: middle;}
}

/* 修理怎麼用折價券 */
ol.if {
    padding: 0 10px;
    margin: 5px 10px 5px 0;
    font-size:13px;
    line-height:20px;

}

#main .howtouse ol{
    list-style-position:inside;}
#main .howtouse ol.if li {
    float:none!important;
    list-style: decimal!important;

    font-size: 14px;
    width: 100%;
    height: auto!important;
    line-height:25px;
}

#main .howtouse ol .circle {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 30px;
    display: list-item;
    text-align: -webkit-match-parent;
}


/* 修理客服資訊 */
.block{
    /*display:none; 打開的話商品資訊會不見*/
}
.InfoShow {
    background-color: #ffffff;
    /*border-top: 5px solid #e33d26;*/
    /*border-bottom: 1px solid #e2e2e2;*/
    /*border-left: 1px solid #c9c9c9;*/
    /*border-right: 1px solid #c9c9c9;*/
    margin-top: -1px;
    padding: 10px;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
}

.hr2px {
    height: 2px;
    background: url(../images/hr.gif) repeat-x;
    border-bottom: 1px dashed #ddd;
    background: none!important;
}

.addbuttonareabottom {
    background: none;
    -moz-box-shadow: 0px 0px 0px #b6b6b6 inset; /* For Firefox3.6+ */
    -webkit-box-shadow: 0px 0px 0px #b6b6b6 inset; /* For Chrome5+, Safari5+ */
    box-shadow: 0px 0px 0px #b6b6b6 inset;
    bottom: 0;
    width: 100%;
}


input.ui-input-text, textarea.ui-input-text {
    background-image: none;
    padding: .5em 0;
    margin: .5em 0;
    line-height: 1.2;
    font-size: 15px;
    display: block;
    width: 99%;
    outline: 0;
}

.Messagelist .msglist .shopname{
    color: #FFF;
    width:auto;
    float:none;
    vertical-align:none;
    line-height:30px;
    padding: 0 10px;
}

#main section .msglist{
    margin: 0;
    padding: 10px 10px 3px 10px;
    list-style: none;
}

@media only screen and (min-width : 768px){
    #main section .msglist li {
        float: none;
        list-style: none;
        width: auto;
        height: auto;
    }
}

/* 修理客服中心 */
.fan_box .page_stream, .fan_box .page_stream_short {
    overflow: auto;
    border-top: solid 0px #d8dfea;
    position: relative;
}

/*常見問題*/
.fan_box {
    padding:10px;
}
.fan_box .page_stream {
    padding:0; margin:0 -10px;
}

.ServiceReminder {
    background: #fff;
    padding: 10px;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    height: 80px;
    margin: 0;
}

/* 修理問答內容 */
/*left下面的*/
.question_boxleft.left::after,
.question_boxleft.left::before {
    right: -3.5%;
}
.question_box.right::after,
.question_box.right::before {
    left: -3.5%;
}
.question_boxleft.left::before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #8c8c8c;
    border-width: 7px;
    top: 40%;
    margin-top: -7px;


}
.question_boxleft.left::after {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #fff;
    border-width: 8px;
    top: 40%;
    margin-top: -8px;
    transform:rotate(180deg);
}



.ListRight img{
    margin-left:20px;
}
.ListLeft img{
    margin-right:20px;
}
/*right上面的*/

.question_box.right::before {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #8c8c8c;
    border-width: 7px;
    top: 40%;
    margin-top: -7px;
    transform:rotate(180deg);
}
.question_box.right::after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #e6f3c9;
    border-width: 8px;
    top: 40%;
    margin-top: -8px;

}

.ListRight {
    width: 500px;
    margin: 0 auto;
}

.ListLeft {
    width: 500px;
    margin: 0 auto;
}
.content .addbuttonarea .ui-btn-up-w img{
    display:none;
}
.question_boxleft {
    position: relative;
    background: #ffffff;
    border: 1px solid #b0b0b0;
    width: 400px;
    min-height: 40px;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
    float: right;
    padding: 5px;
    margin: 5px 0;
    line-height: 20px;
    display: inline-table;
    font-size:13px;
}

.question_box {
    position: relative;
    background: #e6f3c9;
    border: 1px solid #b0b0b0;
    width: 400px;
    min-height: 40px;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    float: left;
    padding: 5px;
    margin: 5px 0;
    line-height: 20px;
    display: inline-table;
}

.ui-btn-up-w {
    background-color: #f5f5f5;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbbbbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #d0d0d0;
    -webkit-text-shadow: none;
    text-shadow: none;
    height: 40px;
    line-height: 40px;
}

.addbuttonarea {
    background: none;
    padding: 10px;
    margin: 10px 0 0 0;
    -moz-box-shadow: 0px 0px 0px #b6b6b6 inset; /* For Firefox3.6+ */
    -webkit-box-shadow: 0px 0px 0px #b6b6b6 inset; /* For Chrome5+, Safari5+ */
    box-shadow: 0px 0px 0px #b6b6b6 inset;
}




@media only screen and (max-width : 768px){
    .content .addbuttonarea {
        background: none;
        padding: 10px;
        margin: 10px 0 0 0;
        -moz-box-shadow: 0px 0px 0px #b6b6b6 inset; /* For Firefox3.6+ */
        -webkit-box-shadow: 0px 0px 0px #b6b6b6 inset; /* For Chrome5+, Safari5+ */
        box-shadow: 0px 0px 0px #b6b6b6 inset;
    }

    .question_box {
        position: relative;
        background: #e6f3c9;
        border: 1px solid #b0b0b0;
        width: 200px;
        min-height: 40px;
        border-radius: 5px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        float: left;
        padding: 5px;
        margin: 5px 0;
        line-height: 20px;
        display: inline-table;
    }
    .question_boxleft.left::after,
    .question_boxleft.left::before {
        right: -6%;
    }
    .question_box.right::after,
    .question_box.right::before {
        left: -7%;
    }

    .ListRight img{
        margin-left:5px;
    }
    .ListLeft img{
        margin-right:5px;
    }
    .ListRight {
        width: 300px;
        margin: 0 auto;
    }

    .ListLeft {
        width: 300px;
        margin: 0 auto;
    }
    .question_boxleft {
        position: relative;
        background: #ffffff;
        border: 1px solid #b0b0b0;
        width: 230px;
        min-height: 40px;
        border-radius: 5px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        float: right;
        padding: 5px;
        margin: 5px 0;
        line-height: 20px;
        display: inline-table;
        font-size:13px;
    }
}


/* 修理服務說明 */

#Account{
    margin-left:10px;
}

#Account h3{
    font-size:1em;
    padding-top:10px;
}

#Account .InfoCatoryList {
    border-style:solid;
    border-width: 1px 0px 1px 0px;
    border-top-color: #FFF;
    border-bottom-color:#d8d8d8;
    height: 46px;
    background:#F2F2F2;
    background:url(../images/more_icon.png) no-repeat;
    background-position: 97% 47%;
}
.InfoCatoryListTitle1:hover {
    background: #e2e2e2 url(../images/more_icon.png) no-repeat;
    background-position: 97% 47%;
}

.InfoCatoryListTitle1:active {
    background: #e2e2e2 url(../images/more_icon.png) no-repeat;
    background-position: 97% 47%;
}

#Account .InfoCatoryListlast {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-top-color: #FFF;
    height: 46px;
    background: #F2F2F2;
    background: url(../images/more_icon.png) no-repeat;
    background-position: 97% 47%;
}


/* 修理資訊模組-文章 */

.location{
    display:none;
}
.share_button_container table td {
    text-align:center;
    padding:10px;
}

.share_button_container .share_button{
    width: 100%;
    background: none;
    border-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
    color:#666;
    font-size:13px;
    text-align: left;
    line-height:40px;
    cursor: pointer;
}


#sharemodule .share_social .fb_iframe_widget {
    width:initial;
}

#sharemodule .fb-like {
    padding: 0;
}

@media only screen and (min-width : 768px){
    #sharemodule .share_social .fb_iframe_widget {
        width:initial!important;
    }
}

/* 修理資訊模組-影音 */
.PromoDiv{
    display:none;
}

.PromoDiv .block{
    width:100%;
}

.salePageList .blist .title {
    padding: 0px 0px;
    position: relative;
}

/* 修理折扣活動詳細頁 */

.RPrice span {
    font-size: 15px;
    color: #c82025;
    font-weight: 700;
    text-decoration: none;
    float: none;
}

.RPrice .del {
    float: left;
    font-size: 13px;
    color:#666;
    text-decoration: line-through;
    margin: 3px 5px 0 0;
    line-height: 23px;}

@media only screen and (max-width : 767px){
    .more {font-size: 14px; float: right; margin-top: 15px;
        margin-right: 10px; line-height: 1;}
}

@media only screen and (min-width : 768px){
    #main section .promotionblockdiv li  {
        float: none;
        list-style: none;
        width: 100%;
        height: auto;
    }
}

ul.promotionblock {
    margin-top: 10px;
}

.addbuttonareabottomPromo {
    background: none;
    margin: 10px 0 30px 0;
    padding: 10px 0;
    -moz-box-shadow: 0px 0px 0px #b6b6b6 inset; /* For Firefox3.6+ */
    -webkit-box-shadow: 0px 0px 0px #b6b6b6 inset; /* For Chrome5+, Safari5+ */
    box-shadow: 0px 0px 0px #b6b6b6 inset;
    width: 100%;
    display:none;
}

#featured-products {
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    margin-top: 10px;
}



/* 修理忘記密碼 */
.button-red {
    background: #e33d26;
    color: #fff;
    text-shadow: 0 0.1em 0 rgba(255, 255, 255, 0.1);
    cursor: pointer;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    border: 1px solid;
    border-color: #DBDBDB #D6D6D6 #B9B9B9;
    -moz-transition: all 100ms;
    -o-transition: all 100ms;
    -webkit-transition: all 100ms;
    transition: all 100ms;
    font-size: 17px;
    text-align: center;
}

.button-red:hover {
    background: #c5321d;
    color: white;
    font-size: 17px;
    text-align: center;
    border-radius: 5px;
}


.pure-form input[type=text] {
    padding: 1em .8em;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    color: #666;
    font-size: 15px;
    margin: 6px 0;
    width: 99%;
}
/* 修理常見註冊問題 */
.bgwhite {
    background-color: #fff;
    margin-bottom: 10px;
}



/*fan add*/
.container{
    background-color: #fdfdfd;
}
.ppwrapper {
    background-color: #fdfdfd;
    overflow: hidden;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: -20px;
    padding-top:10px;
}

div.container.LeftSpace.openLeft {
    min-height:100%;
    width:100%;
    padding:0;
    margin:0;
}

.ppimgsmall_bg {
    margin: 0 auto;
    padding: 0 5px;
}

div.ppimg.item.active img {
    padding: 0;
}

@media only screen and (max-width: 767px){

    div.ppimg.item.active img{
        padding: 0px;}

    .ppleft {
        width: 100%;
        padding: 0;
    }

}

#gerneal-block h2 {
    background:none!important;
    padding:0!important;
    margin:0!important;
    font-size:.9em!important;
    padding-bottom:5px!important;
}

.BranchBoxdetail {
    padding:0;
    background:none;
    box-shadow:none;
}

.ShortDescription, .selectinfo {
    font-size:14px;
    background: #fff;
}

.selectinfo {
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    background: #fff;
    padding: 20px;
}

.qalink {
    color: #333;
    line-height: 34px;
    padding:10px;
}

.qalink a {
    display: block;
    color: #b3a396;
}

.qalink img {
    padding-right:10px;
}

.qalink a span {
    color: #b3a396;
}

.ServiceReminder {
    background: #fff;
    padding: 10px;
    box-shadow: none;
    border-bottom:1px solid #ddd;
    height: 80px;
}

.addbuttonareabottom {
    background:none;
    box-shadow:none;
    width:100%;
    margin-top: 20px;
}

input.ui-input-text, textarea.ui-input-text {
    padding: .5em 0em;
}
/*fan add0205*/
.ui-shadow-inset {
    -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
}

/*忘記密碼的跳窗樣式修改*/
#CancelRequestMain{
    font-size:1.2em;
    background: #FFFFFF;
    color: #333333;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
}

.layer .layerHeader {
    background: #e9e9e9  ;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    color: #999999;
}

.ui-controlgroup-controls .ui-btn-inner {
    font-size: 15px;
    padding: 10px 20px;
}

.ui-btn-inner:hover,  .ui-btn-inner:active{
    /*background: #e33d26;*/
}

/*複寫舊mall的1219行*/
ul, menu, dir {
    display: block;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.NullTitle{
    line-height: 200px;
}

#CouponID{
    /*display:block;*/
}

.nine-yi-official #salePage.introduction-area > .block{
    display: none;
}


.productlist .shopname{
    display:none;
}

#Search #formWrapperbottom{
    /*display:none;*/
}

#shoppingCartList .backToPrev{
    /*display: none;*/
}

.shoppingCart-shop-title{
    display: none;
}

.hide-at-official{
    display: none !important;
}

.official-background{
    background: #FDFDFD;
}

@media only screen and (max-width : 767px){
    #shoppingCartList {
        /*margin-top: -85px;*/
        background-color: #fdfdfd }
}

@media only screen and (min-width : 768px) {
    #shoppingCartList {
        background-color: #fdfdfd;
        margin-top: 30px;
        margin-bottom: 40px;
    }
}


.k-invalid-msg {
    display: block;
    color: #dd4b39;
    font-size: 13px;
    margin: 0px 0 20px;
}

.ui-btn-up-r span {
    color: #fff;
    padding: 0px 25px;
    -webkit-text-shadow: none;
    text-shadow: none;
    margin-top: 2px;
}

.can-not-register{
    margin-top: 20px;
}

.l-box div.p {
    padding: 5px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    word-break: break-all;
}

input.k-invalid {
    border: 1px solid #e2a3a3;
    background: none;
    background-position: 97% 50% !important;
}

@media only screen and (max-width : 768px){
    .layerDiv {
        margin: 50% auto 15px auto;
        width: 92%;
        max-width: 500px;
        display: none;
    }
}

.ui-content .content{
    margin: 20px 10px 30px 0;
    font-size: 1em;
    text-align: center;
}

.ui-content select {
    color: #333;
    font-size: 14px;
    width: 100%;
    height: 35px;
    padding-left: 5px;
    margin: 10px 0;
    border: 1px solid #bbb;
    background: #fff;
}

.confirm-modal .modal-body p {
    padding-top: 60px;
    font-size: 1em;
}

.modal-body .function .button.full {
    float: left;
    width: 100%;
    list-style: none;
    border-radius: 0 0 .25em .25em;
    background: #ca3c3c;
    color: #fff;
    font-size: 1em;
}

.modal-body p {
    padding: 1em;
    line-height: 22px;
    color: #333;
    font-size: 1em;
}

#salePageList ul.salePageList li span.start {
    border: 0;
    display: block;
    margin-top: 12px;
}

@media only screen and (min-width: 768px){
    .product-rank .ProductPic {
        padding-top: 1%;
        padding-left: 1%;
        padding-right: 1%;
        max-width: 31%;
        float: left;
    }
}

@media only screen and (max-width: 767px){
    .product-rank .ProductPic {
        padding-top: 1%;
        padding-left: 1%;
        padding-right: 1%;
        max-width: 48%;
        float: left;
    }
}

.reddark {
    color: #c82025;
    line-height: 23px;
    margin: 3px 0;
}

.mText {
    font-size: 1em!important;
}

.clear-float{
    float: none;
}

.ServiceQADiv {
    /*margin-top: -30px;*/
}

.button2 {
    background-color: #e33d26;
}

.Title .Right{
    display:none;
}

/*修正折價券分享箭頭位置*/
.arrow_box.top::after {
    left: 33%;
}
.arrow_box.top::before {
    left: 33%;
}

/*購物車任選優惠標題要對齊*/
.title {
    padding: 0px 0px;
    position: relative;
}

.gototop {
    display: none !important;
}

.sale-page-price{
    display: inline-block;
    font-size: 2em !important;
}

div.p.datescript {
    color:#999;
    font-size:13px;
    font-weight:normal;
}

.brace {
    height: 36px;
    color: #999;
    padding: 18px 15px 2px 15px;
    background: #fff;
}

@media screen and (max-width: 2400px) and (min-width: 635px) {
    .CouponListBarB {
        text-align: center;
        border:3px solid #eee;
        background: #878787;
        line-height: 15px;
        height: auto;
        margin: 10px .3%;
        padding: 2% 1%;
        cursor: pointer;
        color: #fff;
        float: left;
        width: 21.7%;
    }

    .CouponListBarFirst {
        text-align: center;
        background: #e33d26;
        border:3px solid #eee;
        line-height: 15px;
        height: auto;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        margin: 10px .3%;
        padding: 2% 1%;
        cursor: pointer;
        color: #fff;
        width: 21.7%;
        float: left;
    }
}

@media screen and (min-width: 768px) {
    .hotproduct_all {
        width: 25%;
        float: left;
    }
}

.hotproduct_name {
    color: #333;
    line-height: 20px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    height: auto;
    /*max-width: 80%;*/
    line-height: 1;
    margin:0 auto;
}

.ppimgsmall_bg {
    margin: 0 auto;
    padding: 0 5px;
    width: 80%;
}

.product-rank .ProductPic {
    padding-top: 1%;
    padding-left: 1%;
    padding-right: 1%;
    /*max-width: 48%; 打開的話 http://amai.91app.tw.qa/promotion/detail/405 這頁會有問題*/
    float: left;
    margin-bottom: 10px;
}

#promocategory a div.ProductPic_A span {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    width: 90%;
    height: 38px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal;
    line-height:19px;
}

.shoppingCart-block .shoppingCart-item .shoppingCart-item-row .price {
    display: inline-block;
    /*width: 18%;*/
    text-align: right;
    float: right;
    padding: 5px 2px;
}

#CancelRequestMain span{
    font-size: 15px;
}

.ui-content .content{
    margin:30px 10px 30px 0;
    font-size: 1.2em;
    text-align: center;
}

#O2O .O2ODivLightTitle {
    font-size:14px;
}

.nineyi-scroll-tab .duplicateTab {
    top: 55px;
}

.wrapper-dropdown-5 .search-filter{
    -webkit-appearance: none;
    background: url("../images/select_arror.png") no-repeat;
    background-position: 100% 50%;
    width: 150px;
}

.bbb{
    z-index: 1;
    box-sizing: border-box;
    -webkit-transform: translateZ(0);
    left: 0;
}

/*資訊模組頁*/
.album.ps-active{
    position: relative;
}

.album img.rsImg.rsMainSlideImage{
    margin-top: 0 !important;
}
/*資訊模組頁end*/


/*修正商品頁超過版面問題*/
#production-tab .downbtn{
    overflow: hidden;
}

#webviewinfo table {
    width: 90%!important;
    max-width: 100% !important;
}

#webviewinfo .magnify-fixed {
    top:111px;
}

.ui-btn-up-rp:hover {
    background: #e33d26;
    color: white !important;
    font-size: 17px;
    text-align: center;
    border-radius: 5px;
}

/*購物說明tab樣式*/
.btns2.active, .btns2:active {
    background-color: #dddddd;
    background-image: none;
    outline: 0;
    box-shadow: none;
}

/*警語被能被隱藏*/
.k-widget.k-invalid-msg{
    visibility: visible;
}

.search-container{
    margin-top: 0 !important;
}

ul.productlist {
    padding: 10px 10px 10px 10px;
}

.location-books{
    padding: 10px;
}

.login-fb-btn:active{
    line-height: 33px;
}

@media only screen and (max-width: 1023px) {
    .salePage-content .hotproduct_all {
        width: 49.9%;
    }
}

#pprecommend{
    border-bottom: none;
}

div[role=dialog]{
    background: transparent;
}

.modal-backdrop{
    background-color: rgba(0,0,0,.98);
}

.otherproduct{
    margin-top: 0;
}

#returnGoodsConfirmContent {
    background: #fff;
    margin-top: -5px;
}

#returnGoodsConfirmContent .ui-content {
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
}

#returnGoodsConfirmContent .ui-content .content {
    margin: 0;
    font-size: 14px;
    text-align: center;
}

#returnGoodsConfirm table tr td input {
    margin: 5px 0;
    padding: 8px;
}

/*修正折價券頁面的fb分享位置*/
.vpage .arrow_box{
    width: 97%;
    margin-left: 1.5%;
    box-sizing: border-box;
}

.ui-btn-up-sharer {
    background: #325190 url(../images/fbconnect.png) 30px no-repeat;
    color: #fff;
    text-shadow:none;
    cursor: pointer;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    border:none;
    border-color: #325190 #325190 #28447c;
    background-image: -moz-linear-gradient(#eeeeee, #d4d4d4);
    -moz-box-shadow:none;
    box-shadow:none;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
    font-size: 15px;
    text-align: center;
    line-height: 22px;
    left:10px;
}

.ui-btn-up-sharer:hover {
    background:rgba(50,81,144,.8) url(../images/fbconnect.png) 30px no-repeat;
    color: #fff;
    text-shadow: none;
    cursor: pointer;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    border:none;
    border-color:none;
    background-image: -moz-linear-gradient(#eeeeee, #d4d4d4);
    -moz-box-shadow:none;
    box-shadow:none;
    -moz-transition: all 100ms;
    -o-transition: all 100ms;
    -webkit-transition: all 100ms;
    transition: all 100ms;
}

.ui-btn-inner {
    font-size: 15px;
    min-width: .75em;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    zoom: 1;
}

#campaign ul.tag li{
    margin: 0px 5px 0 0 !important;
}


.nine-yi-official .right-sub-content{
    margin-bottom: 30px;
}


@media only screen and (max-width: 767px){
    .nine-yi-official .layout-aside, .nine-yi-official .layout-aside{
        display: none;
    }
}

/*app 獨賣*/
.ui-btn-up-apponly {
    background: #f6446e;
    color: #fff !important;
    text-shadow: 0 0.1em 0 rgba(255, 255, 255, 0.1);
    cursor: pointer;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    -moz-transition: all 100ms;
    -o-transition: all 100ms;
    -webkit-transition: all 100ms;
    transition: all 100ms;
    font-size: 15px;
    text-align: center;
    line-height: 22px;
}

.ui-btn-up-apponly:hover {
    background: #ED1A27;
    color: white;
    font-size: 15px;
    text-align: center;
    border-radius: 5px;
}

.ui-btn-up-apponly.active,
.ui-btn-up-apponly:active {
    background:-moz-linear-gradient( center top, #f3378c 5%, #f776b0 100% );
    background:-ms-linear-gradient( top, #f3378c 5%, #f776b0 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3378c', endColorstr='#f776b0');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f3378c), color-stop(100%, #f776b0) );
    background-color:#f3378c;
}

/*BTS14728 theme 專案中被提出的舊頁面跑版*/
textarea[name="Question_Content"] {
    box-sizing: border-box;
}
/*BTS14728 end*/

/* ECoupon Detail頁使用 */
.ecoupon-content{
    width: 100%;
    min-height: 100%;
    margin-top: 30px;
    font-size: 1em!important;
    overflow-x: visible;
}